iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 24
1
Modern Web

大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧系列 第 24

三本柱大混戰 # 24 JS今天來認真打目錄(第24天才在打目錄?!)

  • 分享至 

  • xImage
  •  

最近在寫後端去看看以前自己寫的東西
一個專案的維護性、可讀性、效能這三樣東西往往會互相衝突

以前喜歡拼sql語句
可以寫到22吋螢幕12px字體自動換三行
也可以切了一堆方法,死不肯做重複的事,挑戰程式碼霹靂短霹靂精簡
但現在再去修那段程式碼,一打開就問自己

這尛?

但看著git最後與最初提交名字只有自己

只能無語問蒼天,自作孽不可活

身為一位工程師,不斷進修與學習是必要的
但你只要也身為一位員工,隨時增加客戶的需求也是必要的

現在那種個性稍微收斂
至少會把sql語句拆個幾段撈

以後接我尾巴的人自己太弱看不懂加班就算了
但不要半夜哭著打給我問我寫甚麼東西
網路上面查半天也沒用,我想睡覺呀

但也因為這樣現在大部分任務我都被派去寫
一些類似task排程、與資料處理演算法
反正就是東西丟進來,我的返回是正確的就行了

這件事告訴我們,不要自作孽,跟生命總是會有出路的


今天也一樣三篇文章,一起培養程序猿的涵養

CSS Secrets 導讀 系列
有人說如果可以把CSS處理得出神入化
再把JS寫的聊若指掌,可以不用特別去學html
就把前端統一天下

如果想把CSS搞好
這篇文章有非常多觀念與精簡冷門的處理方法
兵貴神速,好代碼,不拷嗎?


自從發了前兩篇文章後
有人對設計模式很感興趣
初探設計模式 系列

這篇雖然沒有好好按照一般設計模式的順序來介紹
但卻詳細示範與解說了每個設計模式

如果可以把設計模式內化
每段代碼都有著工程師的靈魂
那不知道會開出幾個文件....
(一個DAO一個工廠類,開的文件就一大堆了呀,有時候我都會偷懶)


英文不好,程式不會好
因為你API看不懂
寫了一堆你所用的語言已經寫好的東西

三十天翻轉英文弱底、三十天強化英文口說,寫給英文苦難的IT人 系列

英文是很多人的痛
但還好不是我的
雖然我英文聾啞但不是文盲
但這篇還是蠻好笑的


好的文章介紹完了,正篇也該開始了

那麼我們今天來開始JS之路吧!!

基本上如果是傳統一頁一頁網站的JS
要注意的東西很簡單

但如果要處理SPA那一型的網站
要會的東西就可能完全不同層次

對了,有人問SPA是甚麼東西
這裡有篇好文跟大家分享
跟著小明一起搞懂技術名詞:MVC、SPA 與 SSR

好笑好看好懂
不客氣,看官們

基本上JS要搞懂的事情就簡單幾樣

  1. 執行環境與專有詞彙
    • 至少懂他是直譯編譯
    • js是單一執行緒、那他AJAX的非同步是怎麼回事
    • 你不清楚甚麼是物件、變數、陣列物件那你怎麼懂JS?
  2. js基本型別與運算子順序
    • JS與java不同,沒有你看十天都看不完的型別,而在ES6就是簡單5種基本型別、在ES6之後多一種symbol
    • 運算子有甚麼好講的?當然有,JS的運算子先後順序有19種,夠寫1/2篇了
  3. 物件宣告與函式宣告
    • js的原生方法typeof 與prototype分別是甚麼如果寫得好可以讓js也能夠實現"多載"的功能
    • 其中typeof返回的東西有個叫object是物件導向語言的精隨,可以怎麼應用他與精熟JS全靠這個類別
  4. JS物件導向與原型繼承屬性
    • 為何網路上一堆 var val = this這種奇怪的程式碼,其中的this又是指向甚麼,就會在這邊開始做說明(ES6就不太會出現這種東西了)
    • js有繼承?!其實官方文件說是繼承,但比較偏向設計模式中的原型模式(Prototype Pattern)不信的話各位看官們可以自已打開開發者視窗鍵下console.log(window)裡面會出現這種東西,是的JS看起來簡單,但他在後面偷偷做了很多事

為了不要被講是在拖臺錢
前面的東西都會一個項目一篇的介紹完
那麼離三十天還有兩篇怎麼辦?
當然是拿出誠意呀

附錄篇

  • 方法管理篇
    • 現在IDE很方便,如可以不要自己打字當然不要,那麼方法寫了好個文件,每次都要切來切去看方法名叫甚麼該怎麼辦呢,總是有辦法,養成良好的設計習慣,頭髮可以少掉幾根,加班可以少幾個小時
  • 框架實現方法解說
    • 應該不少工程師跟我一樣幻想可以自己尻出一個框架去賺錢,這邊我們會簡單說明VUE與Jquery是如何被實現的,如果要設計一個前端框架要住一些甚麼

有人問我文章怎麼找的?
當然是有空就到處看看,看別人寫了些甚麼好東西
但IT邦的追蹤UI實在太前衛,搞不太懂在幹嘛
google的頁籤管理起來又麻煩
乾脆自己打文檔


上一篇
三本柱大混戰 # 23 終於來到JS的前導文
下一篇
三本柱大混戰 # 25 今天不廢話,直接來用白話文說說文謅謅的js知識吧
系列文
大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言